{% load static %}
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>django登录示例</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    <link rel='stylesheet'
          href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900|RobotoDraft:400,100,300,500,700,900'>
    <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src='https://codepen.io/andytran/pen/vLmRVp.js'></script>
{#    <link rel="stylesheet" href="../static/css/style.css">#}
{#    <script src="../static/js/index.js"></script>#}
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <script src="{% static 'js/index.js' %}"></script>

</head>

<body>


<!-- Form Mixin-->
<!-- Input Mixin-->
<!-- Button Mixin-->
<!-- Pen Title-->
<div class="pen-title">
    <h1>扁平UI风格表单</h1><span>设计 <i class='fa fa-paint-brush'></i> + <i class='fa fa-code'></i> by <a
        href=''>Canaan</a></span>
</div>
<!-- Form Module-->
<div class="module form-module">
    <div class="toggle"><i class="fa fa-times fa-pencil"></i>
        <div class="tooltip">点我</div>
    </div>
    <div class="form">
        <h2>登录你的账户</h2>
        <form action="{% url 'login:login' %}" method="post">
{#            {% csrf_token %}#}
            <input type="text" name="username" placeholder="账户名"/>
            <input type="password" name="password" placeholder="密码"/>

            <button type="submit">登录</button>
        </form>
    </div>
    <div class="cta">提示: {{ message2 }}</div>
</div>



</body>

</html>
